{extend name="property/public/insidePageBase" /}
{block name="title"}房源类型详情{/block}
{block name="body"}
<div class="layuimini-container">
    <div class="layuimini-main">
        <div class="layui-form  layui-form-pane">
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <div class="layui-tab layui-tab-brief">
                    <!--物业列表 add-->
                    <table class="layui-hide" id="housingResourceList" lay-filter="housingResourceList"></table>
                    <!--物业列表 add-->
                </div>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="js"}
{__block__}
<script>
    layui.use(['laydate','table'], function () {
        var laydate = layui.laydate, table = layui.table;
        let cateId = {$info['id']};
        var tableIdHousingResourceList = 'housingResourceList';
        table.render({
            elem: '#'+tableIdHousingResourceList,
            id:tableIdHousingResourceList,
            url: '{:url("propertyHousingResourceList")}?cate_id='+cateId,
            toolbar: '#toolHousingResource',
            cols: [[
                {type: "checkbox", width: 50},
                {field: 'housing_title', width: 328, title: '标题'},
                {field: 'room_size', width: 110, title: '房间面积', templet:function(d) {
                        return d.room_size + ' m²';
                    },sort: true},
                {field: 'room_rent', width: 138, title: '房间租金',sort: true},
                {field: 'click_num', width: 90, title: '阅读量',sort: true},
                {field: 'edit_time', width: 168, title: '最近更新时间', sort: true},
                {field: 'top_time', width: 168, title: '置项到期时间', sort: true},
                {field: 'add_time', minWidth: 168, title: '创建时间', sort: true}
            ]],
            limits: [10, 15, 20, 25, 50, 100],
            limit: 15,
            page: true,
            height: 'full-100'
        });
        // 物业列表 end
    });
</script>
{/block}